<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String[] oldphoto = (String[])request.getAttribute("oldphoto");
String[] babyphoto = (String[])request.getAttribute("babyphoto");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title>movie1</title>
<script language="JavaScript" type="text/javascript" src="/KOMORIUTA/Main/YoungMain/Js/movie.js"></script>
<link rel="STYLESHEET" type="text/css" href="/KOMORIUTA/Main/YoungMain/Css/movie.css">
</head>
<body>
<table align="center" width="100%" height="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<div id="imageFlow1" style="width: 350px; height: 200px;">
		        <div class="top"></div>
		        <div class="bank">
		        	<% for(int i=0; i<oldphoto.length ;i++){ %>
		            <a href="/KOMORIUTA/Applications/Old/photo/<%=oldphoto[i]%>" title="ベビーシッターの方">お子さんを預かりたい</a>
		        	<%} %>
		        </div>
		
		        <div class="text">
		            <div class="title">Loading</div>
		            <div class="legend">Please wait...</div>
		        </div>
		        <div class="scrollbar">
		            <img class="track" src="images/movie_c.png" alt="">
		            <img class="arrow-left" src="images/movie_l.png" alt="">
		            <img class="arrow-right" src="images/movie_r.png" alt="">
		            <img class="bar" src="images/movie_o.jpg" alt="">
		        </div>
		    </div>
		</td>
		<td>
			<div id="imageFlow2" style="width: 350px; height: 200px;">
		        <div class="top"></div>
		        <div class="bank">
		        	<% for(int i=0; i<babyphoto.length ;i++){ %>
		            <a href="/KOMORIUTA/Applications/Young/photo/<%=babyphoto[i]%>" title="お子様をお持ちの方">お子さんを預けたい</a>
		        	<%} %>
		        </div>
		
		        <div class="text">
		            <div class="title">Loading</div>
		            <div class="legend">Please wait...</div>
		        </div>
		        <div class="scrollbar">
		            <img class="track" src="images/movie_c.png" alt="">
		            <img class="arrow-left" src="images/movie_l.png" alt="">
		            <img class="arrow-right" src="images/movie_r.png" alt="">
		            <img class="bar" src="images/movie_o.jpg" alt="">
		        </div>
		    </div>
		</td>
	</tr>
</table>
</body>
</html>